<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Lists 列表 - Easy Frame</title>
    <meta name="description" content="Updates and statistics">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!--str:::全局css -->
    <link href="/assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css"/>
    <link href="/assets/css/demo1/style.bundle.css" rel="stylesheet" type="text/css"/>
    <!--end::全局css -->

    <link rel="shortcut icon" href="/assets/media/logos/favicon.ico"/>
</head>
<body class="e-page--loading">
<div class="e-content">
    <div class="row">
    <div class="col-lg-6">
        <!--begin::Card-->
        <div class="card">
            <div class="card-head">
                <div class="card-head-label">
                    <h3 class="card-head-title">
                        时间线
                    </h3>
                </div>
            </div>
            <div class="card-body">
                <!--begin::Timeline 1-->
                <div class="e-list-timeline">
                    <div class="e-list-timeline-items">
                        <div class="e-list-timeline-item">
                            <span class="e-list-timeline-badge"></span>
                            <span class="e-list-timeline-text">v0.5.0 添加js/css工具类</span>
                            <span class="e-list-timeline-time">2019-10-01</span>
                        </div>
                        <div class="e-list-timeline-item">
                            <span class="e-list-timeline-badge"></span>
                            <span class="e-list-timeline-text">v0.4.0 集成网上开源插件</span>
                            <span class="e-list-timeline-time">2019-09-20</span>
                        </div>
                        <div class="e-list-timeline-item">
                            <span class="e-list-timeline-badge"></span>
                            <span class="e-list-timeline-text">v0.4.0 加入自定义组件</span>
                            <span class="e-list-timeline-time">2019-09-10</span>
                        </div>
                        <div class="e-list-timeline-item">
                            <span class="e-list-timeline-badge"></span>
                            <span class="e-list-timeline-text">v0.3.0 对Bootstrap4 组件拓展</span>
                            <span class="e-list-timeline-time">2019-09-01</span>
                        </div>
                        <div class="e-list-timeline-item">
                            <span class="e-list-timeline-badge"></span>
                            <span class="e-list-timeline-text">v0.2.0 主体架构搭建完成</span>
                            <span class="e-list-timeline-time">2019-08-15</span>
                        </div>
                        <div class="e-list-timeline-item">
                            <span class="e-list-timeline-badge"></span>
                            <span class="e-list-timeline-text">v0.1.0 项目启动</span>
                            <span class="e-list-timeline-time">2019-08-02</span>
                        </div>
                    </div>
                </div>

                <!--end::Timeline 1-->
                <div class="e-separator e-separator--space-lg e-separator--border-dashed"></div>

                <!--begin::Dropdown-->
                <div class="dropdown">
                    <a href="#" class="btn btn-brand dropdown-toggle" data-toggle="dropdown">
                        下拉示例
                    </a>
                    <div class="dropdown-menu dropdown-menu-xl e-padding-20" aria-labelledby="dropdownMenuButton">
                        <div class="e-scroll" data-scroll="true" data-height="200">
                            <div class="e-list-timeline">
                                <div class="e-list-timeline-items">
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge"></span>
                                        <span class="e-list-timeline-text">v0.5.0 添加js/css工具类</span>
                                        <span class="e-list-timeline-time">2019-10-01</span>
                                    </div>
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge"></span>
                                        <span class="e-list-timeline-text">v0.4.0 集成网上开源插件</span>
                                        <span class="e-list-timeline-time">2019-09-20</span>
                                    </div>
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge"></span>
                                        <span class="e-list-timeline-text">v0.4.0 加入自定义组件</span>
                                        <span class="e-list-timeline-time">2019-09-10</span>
                                    </div>
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge"></span>
                                        <span class="e-list-timeline-text">v0.3.0 对Bootstrap4 组件拓展</span>
                                        <span class="e-list-timeline-time">2019-09-01</span>
                                    </div>
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge"></span>
                                        <span class="e-list-timeline-text">v0.2.0 主体架构搭建完成</span>
                                        <span class="e-list-timeline-time">2019-08-15</span>
                                    </div>
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge"></span>
                                        <span class="e-list-timeline-text">v0.1.0 项目启动</span>
                                        <span class="e-list-timeline-time">2019-08-02</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--end::Dropdown-->
            </div>
        </div>

        <!--end::Card-->

        <!--begin::Card-->
        <div class="card">
            <div class="card-head">
                <div class="card-head-label">
                    <h3 class="card-head-title">
                        状态
                    </h3>
                </div>
            </div>
            <div class="card-body">
                <p>你可以在<code>span.e-list-timeline-badge</code>上添加<code>.e-list-timeline-badge-*</code>设置不同的状态</p>
                <div class="e-list-timeline">
                    <div class="e-list-timeline-items">
                        <div class="e-list-timeline-item">
                            <span class="e-list-timeline-badge e-list-timeline-badge-success"></span>
                            <span class="e-list-timeline-text">v0.5.0 添加js/css工具类</span>
                            <span class="e-list-timeline-time">2019-10-01</span>
                        </div>
                        <div class="e-list-timeline-item">
                            <span class="e-list-timeline-badge e-list-timeline-badge-info"></span>
                            <span class="e-list-timeline-text">v0.4.0 集成网上开源插件</span>
                            <span class="e-list-timeline-time">2019-09-20</span>
                        </div>
                        <div class="e-list-timeline-item">
                            <span class="e-list-timeline-badge e-list-timeline-badge-warning"></span>
                            <span class="e-list-timeline-text">v0.4.0 加入自定义组件</span>
                            <span class="e-list-timeline-time">2019-09-10</span>
                        </div>
                        <div class="e-list-timeline-item">
                            <span class="e-list-timeline-badge e-list-timeline-badge-danger"></span>
                            <span class="e-list-timeline-text">v0.3.0 对Bootstrap4 组件拓展</span>
                            <span class="e-list-timeline-time">2019-09-01</span>
                        </div>
                        <div class="e-list-timeline-item">
                            <span class="e-list-timeline-badge e-list-timeline-badge-brand"></span>
                            <span class="e-list-timeline-text">v0.2.0 主体架构搭建完成</span>
                            <span class="e-list-timeline-time">2019-08-15</span>
                        </div>
                        <div class="e-list-timeline-item">
                            <span class="e-list-timeline-badge e-list-timeline-badge-dark"></span>
                            <span class="e-list-timeline-text">v0.1.0 项目启动</span>
                            <span class="e-list-timeline-time">2019-08-02</span>
                        </div>
                    </div>
                </div>

                <!--end::Timeline 1-->
                <div class="e-separator e-separator--space-lg e-separator--border-dashed"></div>

                <!--begin::Dropdown-->
                <div class="dropdown">
                    <a href="#" class="btn btn-brand dropdown-toggle" data-toggle="dropdown">
                        下拉示例
                    </a>
                    <div class="dropdown-menu dropdown-menu-xl e-padding-20" aria-labelledby="dropdownMenuButton">
                        <div class="e-scroll" data-scroll="true" data-height="200">
                            <div class="e-list-timeline">
                                <div class="e-list-timeline-items">
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge e-list-timeline-badge-success"></span>
                                        <span class="e-list-timeline-text">v0.5.0 添加js/css工具类</span>
                                        <span class="e-list-timeline-time">2019-10-01</span>
                                    </div>
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge e-list-timeline-badge-info"></span>
                                        <span class="e-list-timeline-text">v0.4.0 集成网上开源插件</span>
                                        <span class="e-list-timeline-time">2019-09-20</span>
                                    </div>
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge e-list-timeline-badge-warning"></span>
                                        <span class="e-list-timeline-text">v0.4.0 加入自定义组件</span>
                                        <span class="e-list-timeline-time">2019-09-10</span>
                                    </div>
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge e-list-timeline-badge-danger"></span>
                                        <span class="e-list-timeline-text">v0.3.0 对Bootstrap4 组件拓展</span>
                                        <span class="e-list-timeline-time">2019-09-01</span>
                                    </div>
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge e-list-timeline-badge-brand"></span>
                                        <span class="e-list-timeline-text">v0.2.0 主体架构搭建完成</span>
                                        <span class="e-list-timeline-time">2019-08-15</span>
                                    </div>
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge e-list-timeline-badge-dark"></span>
                                        <span class="e-list-timeline-text">v0.1.0 项目启动</span>
                                        <span class="e-list-timeline-time">2019-08-02</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--end::Dropdown-->
            </div>
        </div>

        <!--end::Card-->
    </div>
    <div class="col-lg-6">
        <!--begin::Card-->
        <div class="card">
            <div class="card-head">
                <div class="card-head-label">
                    <h3 class="card-head-title">
                        使用图标
                    </h3>
                </div>
            </div>
            <div class="card-body">

                <!--begin::Preview-->
                <div class="e-demo">
                    <div class="e-demo-preview">
                        <div class="e-list-timeline">
                            <div class="e-list-timeline-items">
                                <div class="e-list-timeline-item">
                                    <span class="e-list-timeline-badge e-list-timeline-badge--success"></span>
                                    <span class="e-list-timeline-icon flaticon2-graph-1 e-font-success"></span>
                                    <span class="e-list-timeline-text">本年度报表已生成</span>
                                    <span class="e-list-timeline-time">现在</span>
                                </div>
                                <div class="e-list-timeline-item">
                                    <span class="e-list-timeline-badge e-list-timeline-badge--danger"></span>
                                    <span class="e-list-timeline-icon flaticon2-position e-font-danger"></span>
                                    <span class="e-list-timeline-text">
                                        Gis服务红色警报
                                        <span class="badge badge-success badge--inline">已处理</span>
                                    </span>
                                    <span class="e-list-timeline-time">14 分钟前</span>
                                </div>
                                <div class="e-list-timeline-item">
                                    <span class="e-list-timeline-badge e-list-timeline-badge--warning"></span>
                                    <span class="e-list-timeline-icon flaticon2-lock e-font-warning"></span>
                                    <span class="e-list-timeline-text">你的密码已经1个月未修改，建议修改密码</span>
                                    <span class="e-list-timeline-time">20 分钟前</span>
                                </div>
                                <div class="e-list-timeline-item">
                                    <span class="e-list-timeline-badge e-list-timeline-badge--primary"></span>
                                    <span class="e-list-timeline-icon flaticon2-note e-font-primary"></span>
                                    <span class="e-list-timeline-text">请尽快完善个人信息</span>
                                    <span class="e-list-timeline-time">1 小时前</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--end::Preview-->
                <div class="e-separator e-separator--space-lg e-separator--border-dashed"></div>

                <!--begin::Dropdown-->
                <div class="dropdown">
                    <a href="#" class="btn btn-brand dropdown-toggle" data-toggle="dropdown">
                        下拉示例
                    </a>
                    <div class="dropdown-menu dropdown-menu-xl e-padding-20" aria-labelledby="dropdownMenuButton">
                        <div class="e-scroll" data-scroll="true" data-height="300">
                            <div class="e-list-timeline">
                                <div class="e-list-timeline-items">
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge e-list-timeline-badge--success"></span>
                                        <span class="e-list-timeline-icon flaticon2-graph-1 e-font-success"></span>
                                        <span class="e-list-timeline-text">本年度报表已生成</span>
                                        <span class="e-list-timeline-time">现在</span>
                                    </div>
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge e-list-timeline-badge--danger"></span>
                                        <span class="e-list-timeline-icon flaticon2-position e-font-danger"></span>
                                        <span class="e-list-timeline-text">
                                        Gis服务红色警报
                                        <span class="badge badge-success badge--inline">已处理</span>
                                    </span>
                                        <span class="e-list-timeline-time">14 分钟前</span>
                                    </div>
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge e-list-timeline-badge--warning"></span>
                                        <span class="e-list-timeline-icon flaticon2-lock e-font-warning"></span>
                                        <span class="e-list-timeline-text">你的密码已经1个月未修改，建议修改密码</span>
                                        <span class="e-list-timeline-time">20 分钟前</span>
                                    </div>
                                    <div class="e-list-timeline-item">
                                        <span class="e-list-timeline-badge e-list-timeline-badge--primary"></span>
                                        <span class="e-list-timeline-icon flaticon2-note e-font-primary"></span>
                                        <span class="e-list-timeline-text">请尽快完善个人信息</span>
                                        <span class="e-list-timeline-time">1 小时前</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--end::Dropdown-->
            </div>
        </div>
        <!--end::Card-->

        <!--begin::Card-->
        <div class="card">
            <div class="card-head">
                <div class="card-head-label">
                    <h3 class="card-head-title">
                        消息列表
                    </h3>
                </div>
            </div>
            <div class="card-body">
                <div class="e-notification">
                    <a href="#" class="e-notification-item">
                        <div class="e-notification-item-icon">
                            <i class="flaticon2-line-chart e-font-success"></i>
                        </div>
                        <div class="e-notification-item-details">
                            <div class="e-notification-item-title">
                                年度报告已生成
                            </div>
                            <div class="e-notification-item-time">
                                2 小时前
                            </div>
                        </div>
                    </a>
                    <a href="#" class="e-notification-item">
                        <div class="e-notification-item-icon">
                            <i class="flaticon2-box-1 e-font-brand"></i>
                        </div>
                        <div class="e-notification-item-details">
                            <div class="e-notification-item-title">
                                数据备份已完成
                            </div>
                            <div class="e-notification-item-time">
                                3 小时前
                            </div>
                        </div>
                    </a>
                    <a href="#" class="e-notification-item">
                        <div class="e-notification-item-icon">
                            <i class="flaticon2-chart2 e-font-danger"></i>
                        </div>
                        <div class="e-notification-item-details">
                            <div class="e-notification-item-title">
                                设备报告已生成
                            </div>
                            <div class="e-notification-item-time">
                                3 小时前
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!--end::Card-->
    </div>
</div>
</div>
<!--str:: 全局js -->
<script src="/assets/plugins/global/plugins.bundle.js"></script>
<script src="/assets/js/demo1/scripts.bundle.js"></script>
<!--end:: 全局js -->
</body>
</html>